<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="../../js/mui.min.js"></script>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<script type="text/javascript" charset="UTF-8">
			mui.init();
		</script>
	</head>
	<style>
		.mui-table h4,
		.mui-table h5,
		.mui-table .mui-h5,
		.mui-table .mui-h6,
		.mui-table p {
			margin-top: 0;
		}
		
		.mui-table h4 {
			line-height: 21px;
			font-weight: 500;
		}
		
		.mui-table .oa-icon {
			position: absolute;
			right: 0;
			bottom: 0;
		}
		
		.mui-table .oa-icon-star-filled {
			color: #f14e41;
		}
	</style>

	<body>

		<div class="mui-content">
			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
				<li class="mui-table-view-cell">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-10">
							<span><h5 class="mui-ellipsis">沪DC1857  <p style="display: inline;color:yellowgreen;">3738</p></h5></span>
							<p class="mui-h6" style="height: auto;">故障描述：空气供给执行机构电压高</p>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-10">
							<span><h5 class="mui-ellipsis">沪DB5328   <p style="display: inline;color:yellowgreen;">3144</p></h5></span>
							<p class="mui-h6" style="height: auto;">故障描述：50小时以后降40%功率运行；在50小时以内把车开到授权服务站检查</p>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-10">
							<span><h5 class="mui-ellipsis">沪DB5328   <p style="display: inline;color:yellowgreen;">3145</p></h5></span>
							<p class="mui-h6" style="height: auto;">故障描述：50小时以后降40%功率运行；在50小时以内把车开到授权服务站检查</p>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell" onclick="javascript:alertinfo();">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-10">
							<span><a href="#popDiv" class="mui-ellipsis">沪DB5328   <p style="display: inline;color:yellowgreen;">3146</p></a></span>
							<p class="mui-h6" style="height: auto;">故障描述：50小时以后降40%功率运行；在50小时以内把车开到授权服务站检查</p>
						</div>
					</div>
				</li>
			</ul>
		</div>

		<div id="popDiv" class="mui-popover" style="padding: 25px;">
			<table>
				<tr><td>故障代码：1117</td></tr>
				<tr><td style="width: auto;">故障时间：2016.02.02 14:16:00</td></tr>
				<tr><td>故障状态：已解除</td></tr>
				<tr><td>故障描述：ECM不正常断电异常</td></tr>
				<tr><td>故障风险：50小时以后降40%功率运行；在50小时以内把车开到授权服务站检查</td></tr>
			</table>
			<a href="" class="mui-btn mui-btn-primary" style="padding: 5px 20px;">查看现行故障</a>
		</div>
	</body>
	<script>
		mui.init();

		function alertinfo() {
			window.location.href = "#popDiv";
		}
	</script>

</html>